<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度</title>
</head>
<body>
<!-- 注释:
    <h1>-<h6>:标题，分别对应1级标题-6级标题.
                标题独自占用一行.
    <input>:输入，使用type属性来指定显示的样子，常见的type值有:
            text:文本框
            password:密码框
            button:按钮
            submit:表单
    <a>:超链接，标签中间的文本就是超连接上显示的文字，href属性用于指定
            点击超链接后请求的地址。
            如果请求外部网站，通常使用绝对路径
            请求当前网站其他资源通常使用相对路径.
     <br>:换行.
     <table>:表格.
        <tr>:行
        <td>:列
            colspan:跨行，从左往右
            rowspan:款列，从上往下
      <align>:对齐方式->center居中
               center:该标签中的内容都居中显示，H5后不再建议使用.
      <img>:图片，其中属性src用于指定图片的位置。该路径可以是绝对路径也可以是相对路径.

      <form></form>:
      form标签:表单
              用于将form中定义的所有输入框中用户输入的信息提交给服务端使用的重要组建
              注:只有包含在form中的输入框才会被提交给服务端
              form上有两个重要的属性:
              action:用于指定表单提交方式，有两种:GET，POST
                      GET:地址栏形式提交数据，表单数据会被包含在URL中提交
                      POST:数打包提交，据会被包含在请求的信息正文中进行提交。
                          如果提交的数据包含用户隐私信息或有有附件需要上传时要使用POST形式提交。
                          method可以不指定，默认为GET形式提交.
       <textarea>:文本框.
                  cols:列数目   rows:行数


      在html中如超链接和图片等标签都需要指定路径，而这里使用相对路径，"./"的位置最终是
      被浏览器理解的，浏览器理解"./"当前目录的位置是根据请求当前页面时地址栏上的路径而定的
      比如:
      请求当前index.html页面时，浏览器地址栏输入的路径为:
      http://localhost:80088/myweb/index.htlm
      那么在这个页面上使用的相对路径"./"时，浏览器理解的位置就是该网面所在目录:
      http://localhost:8088/myweb/
      因此，如果一个图片<img src="./logo.png"><br>指定的路径浏览器就认为图片实际在:
      http://localhost:8088/myweb/logo.png

-->
<center>
    <!-- <h1>百度</h1> -->
    <img src="./logo.png"><br>
    <input type="text" size="66">
    <input type="button" value="戳一下" onclick="alert('小赤佬儿')"><br>
    <a href="./login.html">登录页面</a><br>
    <a href="./reg.html">注册页面</a><br>
    <a href="./showAllUser">用户列表</a><br>
    <a href="./writeArticle.html">发表文章</a><br>
    <a href="./showAllArticle">文章列表</a>
    <a href="./createQR.html">生成二维码</a>
    <a href="http://www.baidu.com">百度一下</a><br>
    <table border="3">
        <tr>
            <td colspan="2" align="center">魏婴</td>
            <td>叶秋</td>
        </tr>
        <tr>
            <td rowspan="2">魏婴</td>
            <td>蓝湛</td>
            <td>叶秋</td>
        </tr>
        <tr>
            <td>蓝湛</td>
            <td>叶秋</td>
        </tr>
    </table>
</center>
</body>
</html>